<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>后台管理-登录</title>
    <link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./assets/nprogress/nprogress.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body class="lt_body">
    <aside class="lt_aside">
        <!-- logo -->
        <a href="#" class="lt_logo">ITCAST</a>
        <!-- 菜单 -->
        <div class="lt_menu">
            <!-- 用户头像 -->
            <a class="lt_user" href="javascript:;">
        <img src="./images/default.png" alt=""> 超级管理员
      </a>
            <!-- 列表菜单 -->
            <ul class="item_list">
                <li class="userManager">
                    <a href="javascript:;">
            <span class="glyphicon glyphicon-user"></span> 用户管理</a>
                </li>
                <li class="categoryManager">
                    <a href="javascript:;">
            <span class="glyphicon glyphicon-th-list"></span> 分类管理</a>
                    <div class="sub_item">
                        <a href="javascript:;">一级分类</a>
                        <a href="javascript:;">二级分类</a>
                    </div>
                </li>
                <li class="goodsManager">
                    <a href="javascript:;">
            <span class="glyphicon glyphicon-tags"></span> 商品管理</a>
                </li>
            </ul>
        </div>
    </aside>
    <div class="lt_container">
        <div class="lt_header_tool">
            <a class=" toggle_asideBtn pull-left " href="javascript:;">
        <span class="glyphicon glyphicon-align-justify"></span>
      </a>
            <a data-toggle="modal" data-target="#logoutModal" class=" log_out_Btn pull-right " href="javascript:;">
        <span class="glyphicon glyphicon-log-out"></span>
      </a>
        </div>
        <!-- 页面主题 -->
        <div class="lt_main">
            <!-- 路径导航 -->
            <div class="lt_location">
                <ol class="breadcrumb">
                    <li>
                        <a href="#">管理系统</a>
                    </li>
                    <li class="active">
                        <a href="#">首页</a>
                    </li>
                </ol>
            </div>
            <!-- 主要内容 -->
            <div class="lt_content clearfix">
                <!-- 左边柱状图 -->
                <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
                <div id="main1" style="width: 400px;height:400px;" class="pull-left"></div>
                <!-- 右边饼状图 -->
                <div id="main2" style="width: 400px;height:400px;" class="pull-right"></div>

            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
                    <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
                </div>
                <div class="modal-body text-danger">
                    <span class="glyphicon glyphicon-info-sign"></span> 您确定要退出后台管理系统吗?
                </div>
                <div class="modal-footer">
                    <button type="button" class="cancel_logout_btn  btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="ok_logout_btn  btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>

</body>

<script src="./assets/jquery/jquery.js"></script>
<script src="./assets/bootstrap/js/bootstrap.js"></script>
<script src="./assets/nprogress/nprogress.js"></script>
<script src="./assets/echarts/echarts.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

</html>